<template>
  <view class="content">
    <view class="body">
      <view class="img" v-for="(item, index) in introPic" :key="index">
        <image class="image" :src="getPicPath(item.picture)"></image>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "index",
  props: {
    introPic: Array,
  },
  data() {
    return {};
  },
  methods: {
    getPicPath(picture) {
      let path = picture;
      path = path.replace("static", "");
      path = path.replace(/\\/g, "/");
      path = "http://192.168.0.5:3000" + path;
      return path;
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  .body {
    .img {
      height: 70vh;
      .image {
        width: 100%;
        height: 70vh;
      }
    }
  }
}
</style>